<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>订单预定</title>
    <link href="../css/order_reserve.css" rel="stylesheet">
    <link rel="icon" type="images/x-icon" href="../image/toubiao.jpg">
</head>
<body>

<!--================================main的主体部分===============================-->
<div class="nav">
    <div class="head-logo">
        <a href="" ></a>
    </div>
    <div class="head-nav">
        <ul>
            <li><a href="" class="first-item">首页</a> </li>
            <li><a href="">手机端</a> </li>
            <li><a href="">成为房东</a> </li>
            <li><a href="">房源订单中心</a> </li>
            <li><a href="">个人中心</a> </li>
            <li><a href="">帮助</a> </li>
        </ul>
    </div>
    <div class="head-login">
        <a href="">
            <img class="login-logo" src="../image/login-logo.svg"/>
            <span class="login-title">登录</span>
        </a>
        <a href="">
            <img class="regist-logo" src="../image/regist-logo.svg" >
            <span class="login-title">注册</span>
        </a>
    </div>
</div>
<div class="main">
        <div class="main-left">
            <div class="row">
                <div class="leftheada" >
                    <a href="" >
                        <button class="headbutton"></button>
                    </a>
                    <strong class="headtext">确认并支付</strong>
                </div>
                <div class="leftheadb">
                    <div class="leftheadb-a">
                        <div class="lefthead-a-a">
                            <strong>放心预定该房源</strong>
                        </div>
                        <div class="lefthead-a-c">
                            <button class="lefthead-a-c-btn"></button>
                        </div>
                        <div class="lefthead-a-b">
                            <span>放心订！入住 24 小时前可免费取消 😊</span>
                        </div>
                    </div>
                    <div class="leftheadb-b">
                        <strong class="leftheadb-b-a">您的行程</strong>
                    </div>
                    <div class="leftheadb-c">
                        <div class="lefthead-a-a">
                            <strong>日期</strong>
                        </div>
                        <div class="lefthead-b-c">
                            <a href="">编辑</a>
                        </div>
                        <div class="lefthead-a-b">
                            <span>10月12日-10月30日</span>
                        </div>
                    </div>
                    <div class="leftheadb-d">
                        <div class="lefthead-a-a">
                            <strong>房客人数</strong>
                        </div>
                        <div class="lefthead-b-c">
                            <a href="">编辑</a>
                        </div>
                        <div class="lefthead-a-b">
                            <span>1位房客</span>
                        </div>
                    </div>
                    <div class="leftheadb-e"> <div class="lefthead-a-a">
                        <strong>请联系房东开具发票</strong>
                    </div>
                    <div class="leftheadb-f">
                        <span>请联系房东确认开票事宜后再预订</span>
                    </div>
                </div>
            </div>
        </div>
            <div class="leftzhifu">
                <div class="leftfukuanfangshia">
                    <strong class="leftheadb-b-aa">支付方式：</strong>
                </div>
                <div class="leftfukuanfangshib">
                    <button class="zhifubao">
                        <span class="zhi">支付宝</span>
                    </button>
                    <button class="zhifu"></button>

                </div>
                <div class="leftfukuanfangshic">
                    <a href=""><strong>输入礼金券</strong></a>
                </div>
            </div>
            <div class="leftchuxing">
                <div class="lefthead-a-a">
                    <strong>房客信息</strong>
                </div>
                <div class="lefthead-a-c">
                    <button class="lefthead-a-c-newbtn">添加</button>
                </div>
                <div class="lefthead-a-b">
                    <span>中国政府要求所有旅行者提供此信息。</span>
                </div>
            </div>
            <div class="quxiaozhengce">
                <div class="quxiaozhengcea">
                    <strong class="leftheadb-b-a">取消政策</strong>
                </div>
                <div class="quxiaozhengceb"><button class="littleblank"></button>
                <h4>48小时内免费取消预订 9月30日下午3点-10月1日下午3点期间取消，扣除首晚房费后，退还剩余房费和全部清洁费。</h4>
                <a href="">了解详情</a>
                </div>
                <div class="quxiaozhengcec">
                    <span class="">我们的特殊情况政策不适用于新冠肺炎疫情造成的旅行中断。</span>
                    <a href="">了解详情</a>
                </div>
            </div>
            <div class="leftfooter"><button class="littleblank"></button>
              <h4>
                  点击下方按钮即代表我同意房东的入住须知、爱彼迎针对新冠肺炎疫情的安全要求和房客退款政策。
              </h4>
                <button class="leftfooterbtn">确认并付款</button>
            </div>
    </div>

        <div class="main-right">
            <div class="main-rightmain">
                <div class="righta">
                    <div class="fangzi">
                    </div>
                    <div class="fangzia">
                        <span>上海的整套公寓型住宅</span>
                    </div>
                    <div class="fangzib">
                        <span>【北京西路24】恒隆广场/展览中心/一居带全景阳台</span>
                    </div>
                    <div class="fangzid">
                        <button class="wujiaoxing"></button>
                        4.86
                        (14条评价)
                        <button class="chaozan"></button>
                        超赞房东
                    </div>
                </div>
                <div class="rightb">
                    <div class="rightba">
                        <strong class="leftheadb-b-aaa">价格详情</strong>
                    </div>
                    <div class="rightbb">
                        <button class="littleblank"></button>
                        <span class="money">￥480.00 x 1晚</span>
                        <span class="moneya">￥480.00</span>
                    </div>
                    <div class="rightbc">
                        <a href="" class="money">国庆特惠 8 折</a>
                            <span class="moneyc">-￥96.00</span>
                    </div>
                    <div class="rightbd">
                        <button class="littleblank"></button>
                        <a href="" class="money">服务费</a>
                        <span class="moneyc">-￥0.00</span>
                    </div>
                    <div class="rightbe">

                        <a href="" class="money">总价 (CNY)</a>
                        <span class="moneya">￥384.00</span>
                    </div>
                </div>

            </div>
        </div>
</div>
</body>
</html>